<template>
  <div class="window">
      <img src="../../../assets/common/aladeng2.png" alt="" id="imgs">
      <input type="text" placeholder="🔍输入商品关键字" @focus="isclick()">
      <img src="../../../assets/common/huakuang.png" alt="" id="imgs2" @click="doclick">
  </div>
</template>
<script>
  export default {
    methods: {
      isclick() {
        this.$router.push({name: 'home/sousuo'});
      },
      doclick() {
        this.$router.push({name: 'message'});
      }
    }
  }
</script>
<style scoped>
  .window {
    background: #e53e42;
    width: 100%;
    padding-top: 2.5rem;
    padding-bottom: 1.5rem;
    display: flex;
    justify-content: space-around;
  }
  #imgs {
    display: inline-block;
    width: 5rem;
    height: 1.8rem;
  }
  input {
    width: 17rem;
    height: 2rem;
    border-radius: 5px;
    border: 1px solid white;
    padding-left: 3rem;
    font-size: 1.3rem;
  }
  input:-moz-placeholder,
  textarea:-moz-placeholder {
    color: #e83d41;
  }

  input:-ms-input-placeholder,
  textarea:-ms-input-placeholder {
    color: #e83d41;
  }

  input::-webkit-input-placeholder,
  textarea::-webkit-input-placeholder {
    color: #e83d41;
  }
  #imgs2 {
    width: 2rem;
    height: 2rem;
  }
</style>
